$('.p-nan').width(_rate*262).height(_rate*214);
$('.p-nv').width(_rate*262).height(_rate*214);
$('.p1-nan').css({"top":_rate*522, "left":_rate*110});
$('.p1-nv').css({"top":_rate*522, "left":_rate*376});
$('.p2-tou').width(_rate*590).height(_rate*466).css({"top":_rate*375, "left":0});
$('.p2-nan').css({"top":_rate*802, "left":_rate*110});
$('.p2-nv').css({"top":_rate*802, "left":_rate*376});
$('.home-b1').width(_rate*370).height(_rate*190).css({"top":_rate*1000, "left":_rate*190});
$('.back').width(_rate*186).height(_rate*86).css({"top":_rate*32, "left":_rate*22});

$('.p2-next').width(_rate*200).height(_rate*100).css({"top":_rate*1070, "left":_rate*506});
$('.p3-t1').width(_rate*720).height(_rate*190).css({"top":_rate*828, "left":0});
$('.p-next').width(_rate*234).height(_rate*92).css({"top":_rate*1074, "left":_rate*492});
$('.p3-next').width(_rate*200).height(_rate*100).css({"top":_rate*1070, "left":_rate*506});
$('.p3-zai').width(_rate*262).height(_rate*214).css({"top":_rate*802, "left":_rate*110});
$('.p3-gong').width(_rate*262).height(_rate*214).css({"top":_rate*802, "left":_rate*376});
$('.gameicobox').width(_rate*660).css({"top":_rate*1014, "left":_rate*50});
$('.game-li').width(_rate*105).height(_rate*136).css({"margin-right":_rate*4});
$('.game-li img').height(_rate*129).css({"top":_rate*6});

$('.p4-ban').width(sWidth).height(_rate*350).css({"top":_rate*824, "left":0});
$('.p4-k1').width(_rate*45).height(_rate*1206).css({"top":0, "left":0});
$('.p4-k2').width(_rate*44).height(_rate*1206).css({"top":0, "right":0});
$('.p4-txt').width(_rate*688).height(_rate*120).css({"top":_rate*848, "left":0});
$('.gametab').width(_rate*660).css({"top":_rate*836, "left":_rate*48});
$('.game-tb, .game-cb').width(_rate*126).height(_rate*160).css({"margin-right":_rate*2});

$('.p4-shen').width(_rate*224).height(_rate*86).css({"top":_rate*32, "left":_rate*492});
 

 

// 选择姿势
$(".p4-zishi").on("click", ".game-li", function () {
    var _id = $(this).index() + 1;
    if(1 == _id){
       _zishi='zhan';
    }else{
       _zishi='zuo';
    }
    PerArr[0]=1;
    if(_id > 2){return;}
    $(this).addClass("game_Active").siblings().removeClass("game_Active");
    AddRen();
});

// 选择衣服
$(".p4-yifu").on("click", ".game-li", function () {
    var _id = $(this).index() + 1;
    $(this).addClass("game_Active").siblings().removeClass("game_Active");
    PerArr[1]=_id;
    AddYiFu();
});
// 选择宠物
$(".p4-congwu").on("click", ".game-li", function () {
    var _id = $(this).index() + 1;
    $(this).addClass("game_Active").siblings().removeClass("game_Active");
    PerArr[3]=_id;
    AddCWFu();
});

$(".game-cb").on("click", function () {
   var _id=$(this).attr("data-id");
   $(".game-tb").css({"background":'#e79bbf'});
   $("#p4-tb"+_id).css({"background":'#8778e6'});
   $(".gameicobox").hide();
   if(1 == _id){
      $(".p4-zishi").show();
   }
   if(2 == _id){
      $(".p4-yifu").show();
   }
   if(3 == _id){
      $(".p4-congwu").show();
   }
   console.log(_id);
});

$('.p3-zai, .p3-gong').click(function(){
   _chang=$(this).attr("data-id");
   $(".p3-tu").attr("src","<?php echo $cdnUrl; ?>img/p3-"+_chang+".png");
}); 

$('.p2-next').click(function(){
   $(".p2").fadeOut();
   $(".p3").fadeIn();
}); 

$('.p1-back').click(function(){
   $(".p1").fadeOut();
   $(".home").fadeIn();
}); 
$('.home-b1').click(function(){
   $(".home").fadeOut();
   $(".p1").fadeIn();
}); 
$('.p1-nan, .p1-nv').click(function(){
   _sex=$(this).attr("data-id");
   $(".p2-tou").attr("src","<?php echo $cdnUrl; ?>img/p2-"+_sex+".png");
   $(".p1").fadeOut();
   $(".p2").fadeIn();
}); 
$('.p2-nan, .p2-nv').click(function(){
   _sex=$(this).attr("data-id");
   $(".p2-tou").attr("src","<?php echo $cdnUrl; ?>img/p2-"+_sex+".png");
   $(".p1").fadeOut();
   $(".p2").fadeIn();
   console.log(_sex);
}); 